<template>

<view>

	<view v-if="value6==0">
		<view  class="tb_1">
			<!-- 上半部分 -->
			<view class="tb_1_top">
				<view class="tb_1_device">
					<view>VM123设备号</view>
					<view>2025-01-01 星期五</view>
				</view>
				
			</view>
			<!-- 下半部分 -->
			<view  class="tb_1_bottom">
				<view class="tb_1_line">
					<view class="tb_1_line_2 number_btn" data-value='sm' hover-class="number_btn_on" @click="btnClick">
						扫码
					</view>
					<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
						1
					</view>
					<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
						2
					</view>
					<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
						3
					</view>
				</view>
				<view class="tb_1_line">
					<view class="tb_1_line_2 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
						消费统计
					</view>
					<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
						4
					</view>
					<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
						5
					</view>
					<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
						6
					</view>
				</view>
				<view class="tb_1_line">
					<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
						上
					</view>
					<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
						下
					</view>
					<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
						7
					</view>
					<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
						8
					</view>
					<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
						9
					</view>
				</view>		
				<view class="tb_1_line">
					<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
						CE
					</view>
					<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
						删
					</view>
					<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
						0
					</view>
					<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
						.
					</view>
					<view class="tb_1_line_1 number_btn" style="background-color: red;">
						确定
					</view>
				</view>	
			</view>
		</view>
	</view>
	
	<view v-if="value6==1">
		<view  class="tb_1">
		<!-- 上半部分 -->
		<view class="tb_1_top">
			<view class="tb_1_device">
				<view>VM123设备号</view>
				<view>2025-01-01 星期五</view>
			</view>
			
		</view>
		<!-- 下半部分 -->
		<view  class="tb_1_bottom">
			<view class="tb_1_line">
				<view class="tb_1_line_2 number_btn" data-value='cztj' hover-class="number_btn_on" @click="btnClick">
					充值统计
				</view>
				<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
					1
				</view>
				<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
					2
				</view>
				<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
					3
				</view>
			</view>
			<view class="tb_1_line">
				<view class="tb_1_line_2 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
					查询上一条
				</view>
				<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
					4
				</view>
				<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
					5
				</view>
				<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
					6
				</view>
			</view>
			<view class="tb_1_line">
				<view class="tb_1_line_2 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
					查询下一条
				</view>
				<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
					7
				</view>
				<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
					8
				</view>
				<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
					9
				</view>
			</view>		
			<view class="tb_1_line">
				<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
					CE
				</view>
				<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
					删
				</view>
				<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
					0
				</view>
				<view class="tb_1_line_1 number_btn" data-value='1' hover-class="number_btn_on" @click="btnClick">
					.
				</view>
				<view class="tb_1_line_1 number_btn" style="background-color: red;">
					确定
				</view>
			</view>	
		</view>
	</view>
	</view>
	<view v-if="value6==2">
		<view class="tb_3">
			<view class="tb_3_item" hover-class="tb_3_item_on" @click="btnItemOn" >新用户开卡</view>
			<view class="tb_3_item" hover-class="tb_3_item_on" @click="btnItemOn" >充值退款</view>
			<view class="tb_3_item" hover-class="tb_3_item_on" @click="btnItemOn" >挂失卡片</view>
		</view>
	</view>
	<u-tabbar
	  :value="value6"
	  @change="name => value6 = name"
	  :fixed="true"
	  :placeholder="true"
	  :safeAreaInsetBottom="true"
	>
	  <u-tabbar-item text="消费" icon="home"></u-tabbar-item>
	  <u-tabbar-item text="储值" icon="photo"></u-tabbar-item>
	  <u-tabbar-item text="更多" icon="play-right"></u-tabbar-item>
	</u-tabbar>
</view>
</template>

<script>
	export default {
		data() {
			return {
				value6: 0,
				}
		},
		onLoad() {

		},
		methods: {
			btnClick(e) { console.log('click1', e); },
			btnItemOn(e) {console.log('click1', e);}
		}
	}
</script>

<style>
@import "@/static/css/index_tab_1.css";
</style>
